@mixin f-center($block: flex, $direction: row) {
	display: $block;
	flex-direction: $direction;
	align-items: center;
	justify-content: center;
}

@mixin f-between($block: flex, $direction: row, $wrap: wrap, $align: flex-start) {
	display: $block;
	flex-direction: $direction;
	flex-wrap: $wrap;
	align-items: $align;
	justify-content: space-between;
}

@mixin ellipsis($line: 1) {
	/* #ifdef APP */
	lines: $line;
	/* #endif */
	/* #ifndef APP */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	/* #endif */
}

@mixin f-start($direction: row) {
	display: flex;
	flex-direction: $direction;
	align-items: center;
	justify-content: flex-start;
}

@mixin f-end($direction: row) {
	display: flex;
	flex-direction: $direction;
	align-items: center;
	justify-content: flex-end;
}